﻿<div class="patientList">
    <ul id="patients-list" data-bind="foreach: patientsGrouped">
        <li class="sortSeparator">
            <span class="line"></span>
            <span class="sortValue" data-bind="text: $root.patientGroupingOption == 'Room' && Key ? (Application.Resources.Views.PatientsList.Room + ' ' + Key) : Key">Zimmer</span>
        </li>
        <li>
            <ul data-bind="foreach: Items" class="patientListGroup">
                <li data-bind="click: $root.patientClick.bind($data, $root), css: { 'selected': Id && $root.selectedPatient && $root.selectedPatient.Id == Id }">
                    <div class="clientBorder" data-bind="css: {borderWoman: Gender == 'W', borderMan: Gender == 'M'}">
                        <img data-bind="attr: { src: $root.picture($data, $element)}" />
                    </div>
                    <div class="clientInfo"><span data-bind="text: LastName"></span>, <span data-bind="text: FirstName"></span></div>
                    <div class="patientDetails" data-bind="text: AdditionalInfo">16.07.2005 Details..</div>
                </li>
            </ul>
        </li>
    </ul>
</div>
